<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>SUPERHERO - BALL WARS</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />




	<link rel="stylesheet" media="all and (max-device-width: 480px) and (orientation:portrait)" href="css/ipad.css" /> <!-- iphone-portrait -->
    <link rel="stylesheet" media="all and (max-device-width: 480px) and (orientation:landscape)" href="css/main.css" /> <!-- iphone-landscape -->
    <link rel="stylesheet" media="all and (device-width: 320px) and (device-height: 568px) and (orientation:portrait)" href="css/iphone5.css" /> <!-- iphone5-portrait -->
    <link rel="stylesheet" media="all and (device-width: 320px) and (device-height: 568px) and (orientation:landscape)" href="css/main.css" /> <!-- iphone5-portrait -->
    <link rel="stylesheet" media="all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)" href="css/ipad.css" /> <!-- ipad-portrait -->
    <link rel="stylesheet" media="all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape)" href="css/main.css" /> <!-- ipad-landscape
    <link rel="stylesheet" media="all and (device-width: 800px) and (device-height: 1184px) and (orientation:portrait)" href="htcdesire-portrait.css" /> <!-- htcdesire-portrait.css
    <link rel="stylesheet" media="all and (device-width: 800px) and (device-height: 390px) and (orientation:landscape)" href="htcdesire-landscape.css" /> <!-- htcdesire-landscape -->
    <link rel="stylesheet" media="all and (min-device-width: 1025px)" href="css/main.css" /> <!--  -->

<!--[if IE 7]>
    <link rel="stylesheet" href="css/main.css" />
<![endif]-->
<!--[if IE 8]>
    <link rel="stylesheet" href="css/main.css" />
<![endif]-->



    <!--
    <link href="css/jquery-ui-1.10.0.custom.min.css" rel="stylesheet" type="text/css" />
    -->

	<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>

    <!--
	<script src="js/jquery-ui-1.10.0.custom.min.js" type="text/javascript"></script>
	-->

    <script type="text/javascript" language="javascript">

        var isMobile = {
            Android: function() {
                return navigator.userAgent.match(/Android/i) ? true : false;
            },
            BlackBerry: function() {
                return navigator.userAgent.match(/BlackBerry/i) ? true : false;
            },
            iOS: function() {
                return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false;
            },
            Windows: function() {
                return navigator.userAgent.match(/IEMobile/i) ? true : false;
            },
            any: function() {
                return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows());
            }
        };

		function changeFrame(source) {

			$('#main_content').slideUp(800);
			setTimeout(function(){
				$('#main_content').html("");
				$('#main_content').load(source);
     			setTimeout($('#main_content').slideDown(800),800);
			},800);

		}

		$(document).ready(function() {
			$('#main_content').slideUp();
     		$('#main_content').load('main/main.html');
     		$('#main_content').slideDown(800);
		});


		function moveforward (){
			obj = document.getElementById('basemenu_content');
			obj.style.zIndex = '5';
		}

		function movebackward (){
			obj = document.getElementById('basemenu_content');
			obj.style.zIndex = '5';
		}


		/*
		$(function() {
			$('#buttonMembershipContent').click(function(e) {
				$( "#dialog-message" ).dialog({
					modal: true,
					width: 600,
					height: 450,
					title: "Membership Info",
					buttons: {
						'Go Back': function() {
							$( this ).dialog( "close" );
						}
					}
				});
			});
		});
		*/
	</script>

<!--[if IE]>
<style>


</style>
<![endif]-->

<!--[if gte IE 9]>
    <style type="text/css">
        .buttonStyle {
            filter: none;
        }
    </style>
<![endif]-->

<!--[if IE 7]>
<style type="text/css">
	#main_content{
    	margin-left:-480px;

    }
</style>

<![endif]-->


    <!-- Google Analytics Lines -->
	<script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-34830088-1']);
      _gaq.push(['_setDomainName', 'sportsballworld.com']);
      _gaq.push(['_setAllowLinker', true]);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>

</head>

<body>
<div id="dialog-message" style="display:none">
	<p>Here's what's included in your web site membership: super fun video games, webisodes starring all of your favorite Inflator and Deflator Balls, a monthly online magazine with all the very latest news and Sports Ball World game hightlights from Professor Ballenstan, plus the newest collectible virtual trading cards of Stan Lee's Super Hero Sports Ball World Inflators and Deflators.</p>
    <p>Please mail a check or money order for $3.95 or your Visa/MasterCard information including Exp. date, and Security Code along with their name, address, telephone #, and e-mail address for us to send their membership password to: Sports Ball World, P. O. Box 7443, Thousand Oaks, CA  91359 to get the latest membership magazine, games, webisodes, and collectible virtual trading cards.</p>
</div>

<div id="allcontent" class="allcontent" align="center">

    <div id="content" class="content_Style" style="position:relative; width:964px;">
    	<div id="buttonMembershipContent" onclick="changeFrame('join_us/join_us.html')">
        	<img src="images/button_join_us.png" height="180" width="150" alt="" />
        </div>

    	<div id="banner_div" class="banner_div_Style"  onclick="changeFrame('main/main.html'); movebackward ()"></div>

        <div id="menu_text_content">
        	<img src="images/webmenuv5.png" height="35" width="803" />

            <div id="button1OverStyle" class="buttonOverStyle" onclick="changeFrame('main/main.html')" ><img id="button1OverStyleImage" src="images/button_home.png" height="24" width="46" /></div>

            <div id="button2OverStyle" class="buttonOverStyle" onclick="changeFrame('backstory/backstory.html')"><img id="button2OverStyleImage" src="images/button_backstory.png" height="24" width="87" /></div>

            <div id="button3OverStyle" class="buttonOverStyle" onclick="changeFrame('characters/characters.html')"><img id="button3OverStyleImage" src="images/button_characters.png" height="24" width="97" /></div>

            <div id="button4OverStyle" class="buttonOverStyle" onclick="changeFrame('login/login.html')"><img id="button4OverStyleImage" src="images/button_my-locker.png" height="24" width="83" /></div>

            <div id="button5OverStyle" class="buttonOverStyle" onclick="changeFrame('interview/interview.html')"><img id="button5OverStyleImage" src="images/button_stanlee.png" height="24" width="75" /></div>

            <div id="button6OverStyle" class="buttonOverStyle" onclick="changeFrame('licensees/licensees.html')"><img id="button6OverStyleImage" src="images/button_licensees.png" height="24" width="72" /></div>

            <div id="button7OverStyle" class="buttonOverStyle" onclick="changeFrame('press/press.html')"><img id="button7OverStyleImage" src="images/button_press.png" height="24" width="48" /></div>

            <div id="button8OverStyle" class="buttonOverStyle" onclick="changeFrame('contact/contact.html')"><img id="button8OverStyleImage" src="images/button_contacto-us.png" height="24" width="95" /></div>


        </div>

        <div id="basemenu_content" class="basemenu_content_Style" align="center">
            <img alt="MENU" src="images/webbase-menu1.png" width="964" height="73" style="position: absolute;" />
        </div>
        <div id="calle_content" class="calle_contect_Style" align="center">
            <img alt="CONTENT" src="images/web-callev4.png" width="964" height="584" />
        </div>

        <div id="calle_botton_content" class="calle_botton_contect_Style" align="center">
            <img id="calle_botton_image" alt="CONTENT" src="images/web-callebajav4.png" width="964" height="496" />
            <div id="foot" class="foot_Style" >
                <img src="images/copyright.png" width="239" height="23" alt="Copyrights Mind Bright Productions, LLC" />
            </div>
        </div>

        <div id="main_content" class="main_content_Style">
        	<!--<iframe src="main/main.html" align="top" width="962px" height="643px" id="frame_main_content" style="border-style:none; position:absolute; left:0px" scrolling="no" frameBorder="0"></iframe>-->
        </div>


    </div>
</div>
</body>
</html>
